<template>
  <!-- <van-dropdown-item class="dropdown-item" ref="item" :title='value' > -->
  <van-index-bar :index-list="indexList">
    <template v-for="(item,j) in citys">
      <van-index-anchor class="anchor" :index="item.alp" :key='j'>{{item.alp}}</van-index-anchor>
      <van-cell v-for="(v,i) in item.citys" :key="item.alp + i" :title="v" @click="$emit('value',v)"/>
    </template>
  </van-index-bar>
<!-- </van-dropdown-item> -->
</template>

<script>
// import { cityListAPI } from '@/api/exercise'
// import { pinyin } from 'pinyin-pro'
export default {
  name: 'AreaList',
  props: ['citys', 'indexList'],
  data () {
    return {
    }
  }

}
</script>

<style lang='less' scoped>
::v-deep .van-index-anchor{
  background-color: #f7f4f5 !important;
  color: #939494;
  font-size: 12px;
}

</style>
